<template>
<div>
<h1>当前最新count为：{{count}}</h1>
<button @click= 'reduce(2)'>-1</button>
</div>
</template>
<script>
import { mapState, mapMutations } from 'vuex'
export default {
  data () {
    return {

    }
  },
  computed: {
    // 这个函数参数为数组 元素为要调用的全局数据  扩展运算符把 变量映射为计算属性的一个值
    ...mapState(['count'])
  },
  methods: {
    // 把mapMutation中的方法映射过来
    ...mapMutations(['reduce']),
    reducen (n) {
      this.reduce(n)
    }

  }
}
</script>

<style>

</style>
